<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form style="margin: 10px; border: 3px orange solid; padding: 8px" action="https://search.jd.com/search" target="_self" method="get">
        <fieldset>
            <legend>基本信息</legend>
            账户: <input name="account" value="zhangsan" disabled/> <br>
            <label>
                密码: <input type="password" name="pwd"/> <br>
            </label>
            性别: 
            <label>
                <input type="radio" name="gender" value="male" checked/> 男 
            </label>
            <input id="woman" type="radio" name="gender" value="female" />
            <label for="woman">女 </label>
        </fieldset>
        <br>
        <fieldset>
            <legend>附加信息</legend>
            <input type="checkbox" name="hobby" value="smoke" checked/> 抽烟
            <input type="checkbox" name="hobby" value="drink"/> 喝酒
            <input type="checkbox" name="hobby" value="perm" checked/> 烫头
            <br>
            籍贯:
            <select name="place">
                <option value="苏">江苏</option>
                <option value="浙" selected>浙江</option>
                <option value="沪">上海</option>
                <option value="皖">安徽</option>
            </select>
            <br>
            <label>
                其他: <br>
                <textarea name="other" cols="30" rows="3"></textarea>
            </label>
        </fieldset>
        <br>
        <input type="hidden" name="hd" value="abc" />
        <button type="submit">确认</button>
        <button type="reset">重置</button>
        <button type="button" onclick="alert('abc')">弹框</button>
    </form>
</body>
</html>